<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">  
  <title>轻松批</title>
  <link rel="stylesheet" href="css/style.css">
</head>
<body>
  <!-- 顶部导航部分 -->
  <div class="top">
    <div class="content">
      <div class="top_left">
        <img src="img/logo.png" alt="">
        <span>让批发更轻松</span>
      </div>
      <div class="top_mid">
        <ul>
          <li class="active"><a href="index.html">首页</a></li>
          <li><a href="service.html">服务</a></li>
          <li><a href="price.html">定价</a></li>
          <li><a href="about.html">关于</a></li>
        </ul>
      </div>
      <div class="top_right">
        <button>立即申请</button>
        <span>18988888888</span>
        <img src="img/h24.png" alt="">
      </div>
    </div>
  </div>
  <!-- banner部分 -->
  <div class="banner">
    <div class="content">
      <div class="banner_left">
        <h1>批发，从未如此轻松</h1>
        <p>
          重新定义批发，为您连接所有客户<br>
          拥抱移动互联，助您生意再次腾飞
        </p>
        <button>申请免费试用</button>
      </div>
      <div class="banner_right">
        <img src="img/p1.png" alt="">
      </div>
    </div>
  </div>
  <!-- 特征部分 -->
  <div class="tezheng">
    <div class="content">
      <div class="tezheng_box">
        <img src="img/p2.png" alt="">
        <h3>掌握店铺</h3>
        <p>实时数据同步，了解店铺运营情况<br>
          所有店铺状态，随时随地一手掌握</p>
      </div>
      <div class="tezheng_box">
        <img src="img/p3.png" alt="">
        <h3>安全稳定</h3>
        <p>数据多重加密，确保安全<br>
          阿里云服务器，稳定无忧</p>
      </div>
      <div class="tezheng_box">
        <img src="img/p4.png" alt="">
        <h3>无需网络</h3>
        <p>离线操作+在线数据同步，多点共用<br>
          没有网络也不影响生意，全国唯一</p>
      </div>
      <div class="tezheng_box">
        <img src="img/p5.png" alt="">
        <h3>掌握店铺</h3>
        <p>实时数据同步，了解店铺运营情况<br>
          所有店铺状态，随时随地一手掌握</p>
      </div>
    </div>
  </div>
  <!-- 优势部分 -->
  <div class="youshi">
    <div class="content">
      <div class="youshi_header">
        <h1>三大优势<span>祝您生意腾飞</span></h1>
        <p>我们所做的一切，只为你的生意更好！</p>
      </div>
      <div class="youshi_body">
        <ul>
          <li>
            <div class="youshi_box">
              <img src="img/p6.png" alt="">
              <h3>你的独立电商</h3>
              <p>即刻拥有你的专属网商平台，扫码访问
                让你的店铺捧在他的手心里</p>
            </div>
          </li>
          <li>
            <div class="youshi_box">
              <img src="img/p7.png" alt="">
              <h3>你的独立电商</h3>
              <p>即刻拥有你的专属网商平台，扫码访问
                让你的店铺捧在他的手心里</p>
            </div>
          </li>
          <li>
            <div class="youshi_box">
              <img src="img/p8.png" alt="">
              <h3>你的独立电商</h3>
              <p>即刻拥有你的专属网商平台，扫码访问
                让你的店铺捧在他的手心里</p>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <!-- 商店部分 -->
  <div class="shop">
    <div class="content">
      <div class="shop_header">
        <span class="active">云商店</span>
        <span>进销存</span>
        <span>商米v1</span>
      </div>
      <div class="shop_body">
        <div class="shop_body_left">
          <h1>您独有的网店<span>-轻松批云商店</span></h1>
          <p>轻松批展示店专为批发商进行开发，让您拥有独立的、安全的展示空间，所有数据直接在APP上即可进行编辑，提供全面的展示、交易、售后服务，为您的批发事业插上互联网的翅膀！</p>
          <p>无限容量空间<br>
              一键生成二维码 <br>
              免费公众号服务</p>
          <span>进入示范店铺</span>
        </div>
        <div class="shop_body_right">
          <img src="img/p10.png" alt="">
        </div>
      </div>
    </div>
  </div>

  <!-- 帮助部分 -->
  <div class="help">
    <div class="content">
      <div class="help_header">
        <h1>我们如何帮助客户成功</h1>
      </div>
      <div class="help_body">
        <div class="help_body_left">
          <img src="img/p14.png" alt="">
        </div>
        <div class="help_body_right">
          <p>
            轻松批让我不再像以前一样每天都要守在店里观察客户情况，在家里打开手机就可以看到店铺整体的业务情况，让我有更多时间在面料、工厂和款式上下功夫，自带的销量库存报告让我可以很准确的进货下单
          </p>
          <p>并且轻松批提供的网上店铺，更方便我的客户看新款，我也不用发微信来骚扰客户，现在的老客户越来越多！用轻松批，说老实话并没有轻松多少，但是生意变好了很多！继续加油！！</p>
          <div class="tlp">
            <div class="tlp_left">
              <h3>特朗普</h3>
              <p>味道档口老板，美衣城C071档</p>
            </div>
            <p>WEIDAO</p>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- 联系部分 -->
  <div class="contact">
    <div class="content">
      <div class="contact_left">
        <h1>留下你的电话，我们第一时间联系您！</h1>
        <form action="">
          <input type="text" name="" id="" placeholder="姓名">
          <input type="number" name="" id="" placeholder="电话号码"><br>
          <input type="email" name="" id="" placeholder="邮箱" class="email"><br>
          <textarea name="" id="" cols="30" rows="10" placeholder="内容">
          </textarea><br>
          <input type="submit" value="提交" class="submit">
        </form>
        <p></p>
      </div>
      <div class="contact_right">
        <img src="img/p12.png" alt="">
      </div>
    </div>
  </div>

  <!-- 试用部分 -->
  <div class="shiyong">
    <div class="content">
      <p class="left">轻松批，让皮肤更轻松！！！！</p>
      <p class="right">免费使用版本</p>
    </div>
  </div>

  <!-- 尾部部分 -->
  <div class="footer">
    <div class="content">
      <div class="footer_box">
        <div class="footer_box_content">
          <h3>关于我们</h3>
          <p>轻松批是广州市晶焰网络科技有限公司专为批发行业开发的成套批发管理工具，我们致力于解决批发行业的各种痛点，并为客户提供更好和更优质的产品。</p>
        </div>
      </div>
      <div class="footer_box">
        <div class="footer_box_content">
          <h3>合作伙伴</h3>
          <p class="aliyun">阿里云--阿里巴巴网络服务平台</p>
          <p>商米--小米控股商用设备提供商</p>
        </div>
      </div>
      <div class="footer_box">
        <div class="footer_box_content">
          <h3>联系方式</h3>
          <ul>
            <li>
              <img src="img/1-email.png" alt="">
              <span>123456@qq.com</span>
            </li>
            <li>
              <img src="img/1-phone.png" alt="">
              <span>13888888888</span>
            </li>
            <li>
              <img src="img/1-address.png" alt="">
              <span>成都市</span>
            </li>
          </ul>
        </div>
      </div>
      <div class="footer_box">
        <div class="footer_box_content">
          <h3>帮助与支持</h3>
          <ul>
            <li>
              <img src="img/1-list.png" alt="">
              <span>使用帮助</span>
            </li>
            <li>
              <img src="img/1-phone.png" alt="">
              <span>13888888888</span>
            </li>
            <li>
              <img src="img/1-address.png" alt="">
              <span>成都市</span>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</body>
</html>